<template>
	<view class="noticeList">
		<view class="notice-block" @click="navigate('/pages/notice/detail?id='+info.id)">
			<view class="notice-title">{{info.title}}</view>
			<view class="notice-item">
				<view class="notice-info">
					<view class="iconfont icon-shijian" style="font-size: 26rpx;"></view>
					<view class="notice-text">{{info.createTime}}</view>
				</view>
				<view class="notice-info" v-if="info.viewCount">
					<view class="iconfont icon-yanjing_xianshi_o" style="font-size: 40rpx;"></view>
					<view class="notice-text">{{info.viewCount}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			info: {
				value: Object,
				default: {}
			},
		},
		mounted() {}
	}
</script>

<style lang="scss" scoped>
	.noticeList {
		width: 100%;

		.notice-block {
			background-color: #fff;
			margin-bottom: 30rpx;
			border-radiu: 20rpx;
			padding: 30rpx;

			.notice-title {
				font-size: 32rpx;
				margin-bottom: 20rpx;
			}

			.notice-item {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.notice-info {
					display: flex;
					align-items: center;
					font-size: 28rpx;
					color: #767676;

					.iconfont {
						margin-right: 10rpx;
					}
				}
			}
		}
	}
</style>